<template>
  <div class="logBox">
      <el-input v-model="userId" placeholder="请输入账号"  class="inputLine"></el-input>
      <el-input v-model="passWord" placeholder="请输入密码" class="inputLine"></el-input>
      <el-button type="primary" @click="btnClick" class="btn">登录</el-button>
  </div>
</template>

<script>
export default {
name:'LogIn',
methods:{
    btnClick(){
        //登录回调
        this.login='true'
        this.$emit('LogSuc',this.login)
    }
},
data(){
    return{
        userId:'',
        passWord:'',
        login:'false',
    }
}
}
</script>

<style scoped>
    .logBox{
        z-index: 9999;
        width: 400px;
        height: 180px;
        position: absolute;
        border: 1px solid #f0f0f0;
        border-radius: 20px;
        display:block;
        padding: 40px;
        margin: auto;
        left:0;
        right:0;
        top:30%;
        box-shadow: 5px 5px 10px #f0f0f0;
    }
    .inputLine{
        padding-bottom: 20px;

    }
    .btn{
        float: right;
    }
</style>

